<!-- Importamos los metodos js del abm de asignaciones -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_asignaciones_docentes.js"></script>

<!-- Importamos la libreria jquery numeric -->
<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery.numeric.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#cicloLectivo").focus();
	});
</script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>

	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
		
		<li>
			<a href="<?php echo(site_url("asignacionDocente/consultar/".$idCicloLectivoSel."/".$idCursoSel."/".$idDivisionSel."/".$idAsignaturaSel."/".$idDocenteSel)); ?>">Asignaciones Docentes</a>
		</li>
		
		<li class="active">
			<a href="<?php echo(current_url()); ?>">Crear</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Asignaciones Docentes
			<small>
				<i class="icon-double-angle-right"></i>
				Crear
			</small>
		</h1>
	</div><!-- /.page-header -->

	<div class="row">		
		<div class="col-xs-12 col-sm-8">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ingrese los datos marcados con (*)</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<form class="form-horizontal" role="form" action="<?php echo(site_url('asignacionDocente/crear')); ?>" id="formAsignacion" method="post" target="iframeUpload">
							<div id="campoCicloLectivo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="cicloLectivo">Ciclo Lectivo:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="cicloLectivo" name="cicloLectivo" class="col-xs-12 col-sm-10" required onchange="filtrarCursos('<?php echo(base_url()."curso/filtrar/1");?>')">
										<option value="0" selected="selected">Vigente</option>
										<?php
											//Recorremos todos los ciclos lectivos que nos paso el controlador y generamos el selector
											foreach ($ciclosLectivos->result() as $cicloLectivo){
												if($cicloLectivo->idCicloLectivo == $idCicloLectivoSel){
													echo ('<option selected="selected" value="'.$cicloLectivo->idCicloLectivo.'">'.$cicloLectivo->nombre.'</option>');
												} else {
													echo ('<option value="'.$cicloLectivo->idCicloLectivo.'">'.$cicloLectivo->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
																					
							<div id="campoCurso" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="curso">Curso:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="curso" name="curso" class="col-xs-12 col-sm-10" required onchange="filtrarDivisiones('<?php echo(base_url()."division/filtrar/1");?>')">
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los cursos que nos paso el controlador y generamos el selector
											foreach ($cursos->result() as $curso){
												if($curso->idCurso == $idCursoSel){
													echo ('<option selected="selected" value="'.$curso->idCurso.'">'.$curso->nombre.'</option>');
												} else {
													echo ('<option value="'.$curso->idCurso.'">'.$curso->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoDivision" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="division">Divisi&oacute;n:</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="division" name="division" class="col-xs-12 col-sm-10" required onchange="filtrarAsignaturas('<?php echo(base_url()."asignatura/filtrar/1");?>')">
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todas las divisiones que nos paso el controlador y generamos el selector
											foreach ($divisiones->result() as $division){
												if($division->idDivision == $idDivisionSel){
													echo ('<option selected="selected" value="'.$division->idDivision.'">'. $division->curso. ' - ' .$division->nombre.'</option>');
												} else {
													echo ('<option value="'.$division->idDivision.'">'. $division->curso. ' - ' .$division->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoAsignatura" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="asignatura">Asignatura: (*)</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="asignatura" name="asignatura" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todas las asignaturas que nos paso el controlador y generamos el selector
											foreach ($asignaturas->result() as $asignatura){
												if($asignatura->idAsignatura == $idAsignaturaSel){
													echo ('<option selected="selected" value="'.$asignatura->idAsignatura.'">'.$asignatura->nombre.'</option>');
												} else {
													echo ('<option value="'.$asignatura->idAsignatura.'">'.$asignatura->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoDocente" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="docente">Docente: (*)</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="docente" name="docente" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los docentes que nos paso el controlador y generamos el selector
											foreach ($docentes->result() as $docente){
												if($docente->idDocente == $idDocenteSel){
													echo ('<option selected="selected" value="'.$docente->idDocente.'">'.$docente->apellido.', '.$docente->nombre.'</option>');
												} else {
													echo ('<option value="'.$docente->idDocente.'">'.$docente->apellido.', '.$docente->nombre.'</option>');
												}
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoCargoDocente" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="cargo">Cargo: (*)</label>
								<div class="col-sm-9">
									<select style="padding:4px" id="cargo" name="cargo" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">Seleccionar</option>
										<?php
											//Recorremos todos los cargos docentes que nos paso el controlador y generamos el selector
											foreach ($cargosDocentes->result() as $cargo){
												echo ('<option value="'.$cargo->idCargoDocente.'">'.$cargo->nombre.'</option>');
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoEstado" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="estado">Estado: (*)</label>
								<div class="col-sm-9">
									<select style="padding:3px" id="estado" name="estado" class="col-xs-12 col-sm-10" required>
										<option value="1">Activo</option>
										<option value="0">Inactivo</option>
									</select>
								</div>
							</div>
							
							<div class="form-group">
								<div class="col-md-offset-3 col-md-9">
									<button class="btn btn-success" type="button" onclick="crearAsignacion()">
										<i class="icon-ok bigger-110"></i>
										Crear
									</button>
									
									&nbsp; &nbsp; &nbsp;
									<button class="btn" type="button" onclick="limpiarCampos()">
										<i class="icon-undo bigger-110"></i>
										Limpiar
									</button>
								</div>
							</div>						
							
							<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
						</form>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<div class="col-xs-12 col-sm-4">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ayuda R&aacute;pida</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<p class="alert alert-info">
							- Los campos marcados con (*) son obligatorios.
						</p>
						<p class="alert alert-info">
							- Los campos resaltados en rojo al apretar crear son los campos incompletos que debe llenar.
						</p>
						<p class="alert alert-info">
							- Un docente no puede estar asignado dos veces a la misma asignatura.
						</p>
					</div>
				</div>
			</div>
		</div><!-- /span -->
	</div><!-- /.row -->
</div><!-- /.page-content -->